<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>조립PC의 대명사- PC Master~!~!</title>
</head>
<body>

<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;z-index:1 ">
<%@ include file="../loginPanel.jsp" %>
</div>

<div style="position:absolute; left:50%; top:30px; width:1200px; height:80px; margin-left:-600px;">
<table width="1200px" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td align="left" width="100px">
		<img src="/web/resources/images/main/Nega_banner_1.jpg" style="cursor:pointer "onclick="location.href='/web/'"/>
	</td>
	<td align="left" width="1100px" height="40px" align="center" style="padding-left:340px ">
		<input type="image" src="/web/resources/images/main/logo.jpg" width="200px" height="80px" onclick="location.href='/web/'"/>
	</td>
</tr>
</table>
</div>

<div style="position:absolute; left:50%; top:120px; width:1200px; height:80px; margin-left:-600px; ">
<table width="1200px" border="0" cellspacing="0" cellpadding="0">
<tr>
	<c:forEach items="${mainLeftList}" var="list"> 
		<td align="center" width="110px" height="40px" bgcolor="#242424">
			<a href="${list.category_link}" >
				<strong style="color: #FFFFFF;">${list.category_name }</strong>
			</a>
		</td>
	</c:forEach>	
		<td align="right" valign="bottom" width="97px" height="40px" bgcolor="#FFFFFF">
			<img src="/web/resources/images/main/search_01n.jpg" />
		</td>
		<td width="140px"></td>
		<td align="center" valign="bottom" width="80px" height="40px" bgcolor="#FFFFFF">	
			<input type="image" src="/web/resources/images/main/search_02n.jpg"/>		
		</td>
	<c:forEach items="${mainRightList}" var="list"> 
		<td align="center" width="110px" height="40px" bgcolor="#242424">
			<a href="${list.category_link}" >
				<strong style="color: #FFFFFF;">${list.category_name }</strong>
			</a>
		</td>
	</c:forEach>
</tr>
</table>
</div>

<div style="position:absolute; left:50%; top:126px; width:1200px; height:80px; margin-left:-65px; ">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
	<td align="center" valign="bottom" width="120px" height="34px" align="center" bgcolor="#FFFFFF">
		<input type="text" style="width:155px; height:25px; border-top-style:solid; border-top-width:3px; 
			border-top-color:black; border-bottom-style:solid; border-bottom-width:3px; 
			border-bottom-color:black; border-left-style:none; font-size: 13pt"/>
	</td>
</tr>
</table>
</div>

<div style="position:absolute; left:50%; top:161px;width:1200px; height:80px; margin-left:-600px;">
<img src="/web/resources/images/main/all-category.jpg" border="0" style="width:200px; height:19px; "/>
<table width="250px" border="0" cellspacing="0" cellpadding="0">
<tr height="20px">
	<td width="65px" >
		<img src="/web/resources/images/menu/cate-title1.jpg" border="0"/>
	</td>
</tr>
	<c:forEach items="${subList}" var="list" varStatus="status"> 
	<tr height="22px">
		<td colspan="2">
			<a href="${list.category_link}" >
					<img src="/web/resources/images/menu/menu-01-0${status.count}-off.jpg" border="0"
						onMouseOver="this.src='/web/resources/images/menu/menu-01-0${status.count}-on.jpg'" 
						onMouseOut="this.src='/web/resources/images/menu/menu-01-0${status.count}-off.jpg'" />
			</a>
		</td>
	</tr>
	</c:forEach>
</table>
</div>

<div style="position:absolute; left:50%; top:360px; width:1200px; height:80px; margin-left:-600px;">
<table width="250px" border="0" cellspacing="0" cellpadding="0">
<tr height="20px">
	<td width="65px">
		<img src="/web/resources/images/menu/cate-title2.jpg" border="0"/>
	</td>
</tr>
	<c:forEach items="${etcList}" var="list" varStatus="status"> 
	<tr height="22px">
		<td colspan="2">
			<a href="${list.category_link}" >
					<img src="/web/resources/images/menu/menu-02-0${status.count}-off.jpg" border="0"
						onMouseOver="this.src='/web/resources/images/menu/menu-02-0${status.count}-on.jpg'" 
						onMouseOut="this.src='/web/resources/images/menu/menu-02-0${status.count}-off.jpg'" />
			</a>
		</td>
	</tr>
	</c:forEach>
</table>
</div>

<div style="position:absolute; left:50%; top:510px; width:1200px; height:80px; margin-left:-600px;">
<table width="200px" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td>
		<img src="/web/resources/images/main/main-btn01-on.jpg" style="width:200px; height:155px; cursor:pointer " onclick="location.href='/web/ssd'"/>
	</td>
</tr>
</table>
</div>

<div style="position:absolute; left:50%; top:160px; width:1200px; height:80px; margin-left:-400px;">
<table width="1000px" height="600px" border="1" cellspacing="0" cellpadding="0">
<tr height="20px">
	<td align="center" style="border-bottom-style:solid; border-bottom-width:1px; 
		border-bottom-color:#999999;">
		<strong style="color:#0054FF; font-size:11pt; font-family:돋움 ;">가격별 여기다가 삽입~!</strong>
	</td>
</tr>
</table>
</div>

<div style="position:absolute; left:0; top:1000px; width:100%; height:80px; ">
<%@ include file="../bottom.jsp"%>
</div>
</body>
</html>